/*列表*/
.article_list{background: #fff;}
.article_list li {position: relative; padding: 0 36px 0 20px;transition: background .3s ease;}
.article_list li:hover{background: #efefef;}
.article_list li:hover .item .intro  span.status{background-color: #FF8300}
.article_list li:hover+li .item{border-top-color: white;}
.article_list li:hover .item{border-top-color:  #efefef;}
.article_list li .item {position: relative;height: 194px;padding: 20px 0;border-top: 1px solid #ebebeb;box-sizing: border-box;}
.article_list li:first-child .item {border-top-color: transparent;}
.article_list li .item .top {position: absolute;width: 35px;height: 19px;font-size: 12px;line-height: 19px;text-align: center;color: #fff;background: #D0021B;box-sizing: border-box;z-index: 10;}
.article_list li .item .cover {position: relative;width: 240px;height: 153px;vertical-align: middle;overflow: hidden;background: #DCDCDC ; background-size: contain;}
.article_list li .item .cover img {width: 100%; height: 100%; vertical-align: middle;transition: transform .7s ease;}
.article_list li .item .cover img:hover {transform: scale(1.1, 1.1);}
.article_list li .item .intro {position: relative;width: 590px;height: 153px;}
.article_list li .item .intro .title {font-weight: bold;font-size: 18px;color: #333;line-height:28px; cursor: pointer;transition: all .3s ease;max-height: 56px;}
.article_list li .item .intro .title:hover{color: #FF6501;opacity:1;}
.article_list li .item .intro .desc {position: relative; font-size: 13px;color: #666;line-height: 20px; margin-top: 9px;max-height: 60px;}
.article_list li .item .intro .otherInfo {position: absolute;left: 0;bottom: 7px;line-height: 15px;width: 100%;}
.article_list li .item .intro  span.status{position: relative; display: inline-block;font-size: 12px;line-height: 18px;color: #9B9B9B;margin-right: 10px;padding: 0 5px; text-align: center; line-height: 25px; min-width: 60px; border-radius: 3px; color: #FFFFFF; background-color: #1E96D4;}
.article_list li .item .intro .otherInfo .author{padding-left: 32px;}
.article_list li .item .intro .otherInfo .author img{width: 26px; height: 26px; position: absolute; left: 0px; top: -25%; border-radius: 50px;}
.article_list li .item .intro .otherInfo .author .b_title{color: black;}
.article_list li .item .intro .otherInfo .time{padding-left: 20px;}
.article_list li .item .intro .otherInfo .time:before{content: "\e66d"; position: absolute; left: 0px; top: 0; font-size: 14px;}
.article_list li .item .intro .otherInfo .reading{padding-left: 20px;}
.article_list li .item .intro .otherInfo .reading:before{content: ""; position: absolute; left: 0px; top: 0; width: 16px; height: 16px; background: url('../img/icon_heat.png') no-repeat center center; background-size: 16px;}
.article_category{margin: 0px;}
.article_category .layui-tab-title{height: 50px;}
.article_category .layui-tab-title li{line-height: 50px;}
.article_category .layui-tab-title li:hover{color: #FF6501;}
.article_category .layui-tab-title li .more{ position: absolute;left: 88%;top: 0; width: 15px; height: 50px; padding: 0 0 0 6px; background: url('../img/pull-down.png') no-repeat right center; background-size: 14.5px auto;}
.article_category .layui-tab-title .layui-this:after{height: 51px;}
.article_category .article_list {border-top-width: 0px;}
.article_category .layui-tab-content{padding: 0px;}
/*快讯列表*/
.news_view{position: relative;border: 1px solid #ebebeb;background-color: #FFFFFF;}
.grid2 .right .news_view{border-width: 0px;}
.news_view .subtitle{font-size: 13px;font-weight: bold;color: #333333;padding: 20px 16px;background-color: #F7F7F7;}
.news_view .list{position: relative;padding-top: 27px;overflow: hidden;}
.news_view .list::before{content: "";position: absolute;top: 17px;left:28px;bottom: 90px;border-left: 1px solid #E6E6E6;}
.news_view .list li{position: relative;padding: 4px 16px 27px 47px;}
.news_view .list li::before{content: "";width: 24px;height: 24px;background:url('../img/news_list_item.png') no-repeat left top;background-size: 24px;position: absolute;left: 17px;top: 0px;}
.news_view .list li .other_info .time{color: #999999;}
.news_view .list li .title{position: relative;padding-top: 15px;font-size: 18px;font-weight: bold;color: #222222;line-height: 22px;}
.news_view .list li .title,.news_view .list li .title a{display: block;font-size: 16px;}
.news_view .list li .content{position: relative;color: #222222;line-height: 25px; font-size: 14px;}
.news_view .list li .content img{max-width: 100%;}
.news_view .list li .content.red, .news_view .list li .title.red, .news_view .list li .title.red a{color: #DB4141!important;}
.news_view .list li .content p{margin-top: 10px;}
.news_view .list li .info{padding-top: 22px;position: relative;}
.news_view .list li .info .proc_btn{position: relative;display: inline-block;padding-left: 17px;color: #222222;}
.news_view .list li .info .proc_btn.good{position: relative;background: url('../img/news_good.png') no-repeat left center;background-size: 11px auto;padding-right: 40px;}
.news_view .list li .info .proc_btn.good.active{background-image: url('../img/news_good_selector.png');color: #ff6501;}
.news_view .list li .info .proc_btn.good:after{content: "";position: absolute;right: 20px;top: 2px;bottom: 2px;width: 1px;background-color: #CCCCCC;}
.news_view .list li .info .proc_btn.empty{position: relative;background: url('../img/news_empty.png') no-repeat left center;background-size: 10px auto;}
.news_view .list li .info .proc_btn.empty.active{background-image: url('../img/news_empty_selector.png');color: #37c393;}
.news_view .list li .info .share{position: relative;padding-left: 21px;background: url('../img/share.png') no-repeat left center;background-size: 14px auto;}
.kuaixun_content img{max-width: 100%;}
/*内容块*/
.section{background: #fff;border: 1px solid #EBEBEB; position: relative;}
.section dt{font-size: 18px;line-height: 20px;color: #333;padding: 29px 19px 19px;}
.section.s2{border-width: 0px!important;}
.section.s2 dt{padding: 22px 19px!important;}
.section dt .title{line-height: 20px;position: relative;display: inline-block;}
.section dt .title .iconfont{position: absolute; left: 0px; top: 0px; font-size: 24px; margin-right: 8px;}
.section dt .small_title{font-size: 12px; margin-left: 30px; color: #C2C2C2;}
.section dt .more {padding-right: 10px;height: 20px;font-size: 12px;color: #5670BF;}
.section dd{padding: 0 20px; position: relative; overflow: hidden;}
.section dd.news_view{height: 498px; margin-bottom: 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow-y: auto;}
.section dd.news_view .list{padding-top: 0px;}
.section dd.news_view .list::before{left: 8px;}
.section dd.news_view .list li{padding: 4px 16px 27px 27px;}
.section dd.news_view .list li::before{left: -3px;}
.section dd.news_view .list li .title{font-size: 14px;}
.section dd.news_view .list li .info .proc_btn.good{padding-right: 20px;}
.section dd.news_view .list li .info .proc_btn.good:after{right: 10px;}
.seeDetail{color: rgb(77, 168, 238);font-size: 14px;}


/*优秀作家*/
.author_view{padding-bottom: 24px; position: relative;}
.author_view .item{width: 60px; padding: 4px 0px 16px; display: inline-block; position: relative;}
.author_view .conver{height: 60px; width: 60px; padding:0 18px; display: block; overflow: hidden;}
.author_view .conver img{height: 100%; width: 100%; border-radius: 50%;}
.author_view .name{text-align: center;padding:0 10px; font-size: 14px;line-height: 20px; margin-top: 10px; display: block;}


/*推荐专栏*/
.rec_columns{position: relative;}
.rec_columns_title{padding-left: 0 !important;}
.rec_columns .item{position: relative;height: 123px;margin-bottom: 5px;background: #fff;box-sizing: border-box;border: 1px solid #ebebeb;transition: box-shadow .3s ease;}
.rec_columns .item:first-child {border-top: 0;}
.rec_columns .item:hover{box-shadow:0 2px 15px 0 rgba(10,10,10,0.19);}
.rec_columns .item .rank{font-weight: bold;width: 74px;height: 100%;color: #dedede;line-height: 123px;text-align: center;font-size: 30px;border-right: 1px solid #ebebeb;}
.rec_columns .item:nth-child(1) .rank{color: #e94444!important;}
.rec_columns .item:nth-child(2) .rank{color: #ffa128!important;}
.rec_columns .item:nth-child(3) .rank{color: #f1c33f!important;}
.rec_columns .item .intro{width: 222px;position: relative;padding: 30px 10px 0 20px;overflow: hidden;}
.rec_columns .item .info{position: relative;}
.rec_columns .item .info .cover{position: relative;display: inline-block; width:60px; height: 60px; vertical-align: middle; margin-right: 13px;}
.rec_columns .item .info .cover p{width: 100%;height: 100%;border-radius: 50%; overflow: hidden;background: #DCDCDC url('../img/default_headimg.png') no-repeat center; background-size: cover;}
.rec_columns .item .info .cover p img{width: 100%;height: 100%;font-size: 0px;line-height: 0px;vertical-align: middle;}
.rec_columns .item .info .cover .auth{position: absolute;bottom: 0;right: -2px;width: 18px;height: 18px;background: url('../img/auth.png') no-repeat center;background-size: 18px 18px}
.rec_columns .item .info .name{width: 145px;color: #3758bd;vertical-align: middle;}
.rec_columns .item .info .name a{font-weight: bold;font-size: 14px;line-height: 24px;}
.rec_columns .item .info .name a:hover{color: #FF6501;opacity: 1;}
.rec_columns .item .slogan{font-size: 12px;color: #333;line-height: 16px;width: 100%;}
.rec_columns .item .tags{position: relative;}
.rec_columns .item .tags .tag{display: inline-block;line-height: 25px;padding: 0px 7px;	background-color: #f0f0f0;border-radius: 5px;margin: 8px 5px 0px 0px;}
.recommencolumn{width: 15px;height: 18px;padding-right: 9px;vertical-align: middle;}


/*陀螺作家排行榜*/
.rec_cloumns.section{padding-bottom: 14px; background-color: white;border-width: 0;}
.rec_cloumns.section dt{padding: 32px 0 0 0; line-height: 32px; font-size: 30px; letter-spacing: 5px; text-align: center; font-weight: bold; color: RGBA(51, 51, 51, 1);}
.rec_cloumns dd{position: relative;}
.rec_cloumns dd.more{margin-top: 12px; padding: 0 20px; text-align: right; color: #FF6501;}
.rec_cloumns dd.more a{padding-right: 12px; background: url('../img/cloumn/anthor_more.png') no-repeat right center; color: RGBA(51, 51, 51, 1);}
.rec_cloumns dd.cloumns{padding: 0;margin: 20px 0;}
.rec_cloumns dd.cloumns .titbox{margin: 19px 0 15px;font-size: 14px; background-color: #FFFFFF; text-align: center; color: #666666;}
.rec_cloumns dd.cloumns .titbox span{line-height: 33px;color: RGBA(51, 51, 51, 1);font-size: 20px; background: url("../img/cloumn/titleBackground.png");background-size: auto;background-repeat: no-repeat;background-position: center;}
.rec_cloumns dd.cloumns .cloumn_list{background-color: #FFFFFF; border-top-width: 0; color: #333333; }
.rec_cloumns dd.cloumns .cloumn_list .list_box{min-height: 394.9px;padding-bottom: 26px; position: relative;}
.rec_cloumns dd.cloumns .cloumn_list .list_box .item_box{display: inline-block;width: 100%;}
.rec_cloumns dd.cloumns .cloumn_list .list_box .item{padding: 13px 0; border-bottom: 1px solid RGBA(242, 242, 242, 1);width: 100%;}
.rec_cloumns dd.cloumns .cloumn_list .list_box .item:last-of-type{border-bottom: 0;}
.rec_cloumns dd.cloumns .cloumn_list .list_box .item .num{padding: 0 0 0 27px; line-height: 53px; font-size: 19px;}
.rec_cloumns dd.cloumns .cloumn_list .list_box .item .headimg{padding: 0 0 0 27px;}
.rec_cloumns dd.cloumns .cloumn_list .list_box .item .headimg img{width: 53px; height: 53px; border-radius: 50%;}
.rec_cloumns dd.cloumns .cloumn_list .list_box .item .name{padding: 0 9px 0 9px; line-height: 53px; font-size: 14px; font-weight: bold;max-width: 70px;}
.rec_cloumns dd.cloumns .cloumn_list .list_box .item .hot{width: auto;padding-left: 13px; line-height: 53px; font-size: 12px; background: url('../img/cloumn/hot.png') no-repeat left center; background-size: 9px auto; color: RGBA(255, 173, 1, 1);}


/*专栏作者*/
.author_list{position: relative;}
.author_list .item{width: 415px;height: 143px;margin: 10px 10px 0 0;background: #fff;box-sizing: border-box;border: 1px solid #ebebeb;transition: box-shadow .3s ease;}
.author_list .item:hover{box-shadow:0 2px 15px 0 rgba(10,10,10,0.19)}
.author_list .item .cover{position: relative;width: 78px;height: 78px;margin: 32px 12px 32px 28px;}
.author_list .item .cover p{width: 100%;height: 100%;overflow: hidden;border-radius: 50%;background: #DCDCDC url('../img/default_headimg.png') no-repeat center; background-size: cover;}
.author_list .item .cover p img{width: 100%;height: 100%;vertical-align: top;font-size: 0px;line-height: 0px;}
.author_list .item .cover .auth{position: absolute;bottom: 0;right: 2px;width: 18px;height: 18px;background: url('../img/auth.png') no-repeat center;background-size: 18px 18px}
.author_list .item .intro{width: 158px;margin: 33px 0 34px;}
.author_list .item .intro .name{color: #FF6501;line-height: 20px;font-weight: bold;}
.author_list .item .intro .name a{font-weight: bold;font-size: 14px;}
.author_list .item .intro .name a:hover{color: #FF6501;opacity: 1;}
.author_list .item .intro .city{color: #9A9A9A;margin-top: 3px;}
.author_list .item .intro .slogan{margin-top: 3px;font-size: 13px;color: #333;height: 48px;line-height: 18px;word-break: break-all;}
.author_list .item .statistics{width: 120px;height: 100%;padding: 10px;text-align: center;box-sizing: border-box;border-left: 1px solid #ebebeb;position: relative;}
.author_list .item .statistics .article_num{width: 99px;height: 40px;font-size: 12px;color: #9b9b9b;line-height: 12px;position: absolute;left: 50%;top: 50%;margin-left: -50px;margin-top: -20px;}
.author_list .item .statistics .article_num span {display: block;font-size: 18px;color: #333;line-height: 20px;margin-bottom: 8px;}
.rec_cloumns dd.cloumns .cloumn_list .loading{margin: 0 auto; padding: 143px 0 0 0; text-align: center; position: relative;}
.rec_cloumns dd.cloumns .cloumn_list .loading p{ margin-top: 12px;}

/*作者信息*/
.author_info{position: relative; padding: 20px; background-color: #FFFFFF; border: 1px solid #ebebeb; text-align: center;}
.author_info .cover{position: relative;width: 78px;height: 78px;margin: 0 auto;}
.author_info .cover p{width: 100%;height: 100%;overflow: hidden;border-radius: 50%;background: #DCDCDC url('../img/default_headimg.png') no-repeat center; background-size: cover;}
.author_info .cover p img{width: 100%;height: 100%;vertical-align: top;font-size: 0px;line-height: 0px;}
.author_info .cover .auth{position: absolute;bottom: 0;right: 2px;width: 18px;height: 18px;background: url('../img/auth.png') no-repeat center; background-size: 18px 18px;}
.author_info .name{ width: 170px; margin: 10px auto 0; font-size: 15px;}
.author_info .intro{position: relative; width: 250px; margin: 5px auto 0; line-height: 18px;}
.author_info .statistical{position: relative; margin: 28px auto;}
.author_info .statistical>div{position: relative;}
.author_info .statistical>div:first-child:after{content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; width: 1px; background-color: #efefef;}
.author_info .statistical .val{position: relative; font-size: 18px; line-height: 28px; color: #FF6501;}
.author_info .more_link{position: relative; width: 200px; margin: 40px auto 20px;}
.author_info .more_link a{position: relative; display: block; height: 40px; font-size: 14px; line-height: 40px; background-color: #37C393; color: #FFFFFF; text-align: center;}


/*热门文章*/
.hot_article_view{position: relative;}
.hot_article_view .item{position: relative; padding: 12px 15px;}
.hot_article_view .item:before{content: " ";position: absolute;top: 0;left: 15px;right: 15px;border-top: 1px solid #E4E8EB;height: 0;}
.hot_article_view .item a{overflow: hidden;font-weight: 400;word-wrap: break-word;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;color: #353535;font-size: 14px;}
.hot_article_view .item i{float: right;margin-left: 12px;width: 60px;height: 60px;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;background-color: #F6F8F9;}
.hot_article_view .item:first-child:before{border-top-width: 0px;}
.hot_article_view .item:first-child a{color: #FFFFFF;background-color: rgba(0, 0, 0, 0.55);position: absolute;left: 15px;right: 15px;bottom: 12px;padding: 8px 12px;font-size: 16px;font-weight: 400;display: block;line-height: 1.2;}
.hot_article_view .item:first-child a:hover{color: rgba(255, 255, 255, 0.9); opacity: 1;}
.hot_article_view .item:first-child i{width: 100%;height: auto;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;background-color: #F6F8F9; padding-bottom: 56.25%; display: block;}

/*专题*/

.subjectbox{position: relative; padding: 12px 0 0 12px; background-color: #FFFFFF; border: 1px solid #ebebeb; border-top: 0px; border-bottom: 0px;}
.subjectbox .subject_item{position: relative; width: 197px; margin:0px 12px 12px 0; overflow: hidden;}
.subjectbox .subject_item img{width:197px;height: 66px;}
.subjectbox .subject_item:hover{opacity: .8;}
div.subject_no {font-size: 14px;line-height: 50px;text-align: center;margin-top: 8px;background: #fff;box-sizing: border-box;transition: all .3s ease;display: block;color: grey;display: none;}
.subject_none{font-size: 14px;line-height: 50px;text-align: center;margin-top: 8px;background: #fff;box-sizing: border-box;transition: all .3s ease;display: block;color: grey;display: none;}

/*同步文章图标*/
.icon_sycn{padding-left: 20px;height: 20px;background-repeat: no-repeat;background-position: left center;background-size: 20px 20px;margin-right:8px;}
.icon_sycn_weixin{background-image: url("../img/sync_artitle/weixin.png")}
.icon_sycn_bihu{background-image: url("../img/sync_artitle/bihu.png")}

/*专栏公告*/
.announcement{width: 840px;height: 72px;background-color:#FFF;}
.announcement_top {width: 627px;height: 36px;}
.announcement_top .announcement_icon {width: 22px;height: 20px;margin-left:64px ;margin-top: 27px;float: left;background:  url(../img/announcement.png) 0 0 no-repeat;}
.announcement_top span{width: 32px;height: 15px;float: left;color: #000;margin-left: 5px;margin-top: 26px;}
.announcement_top .vertical_line{width: 1px;height: 15px;background:rgba(112,112,112,1);float: left;margin-left: 12px;margin-top: 28px;}
.scroll_box{width: 252px;height: 15px;font-size:14px;color:rgba(255,101,1,1);float: right;margin-right: 226px;margin-top: 27px;overflow: hidden;}
.scroll_box ul{width: 100%;height: 100%;list-style: none;line-height:15px;}
.score_box ul li{width: 100%;height:100%;}
.scroll_box a{text-decoration: none;}
.scroll_box a:hover{color: #FF6501;}
/*公告弹窗*/
a.laybel_btn{color: #999999;margin-left: 10px;}
a.laybel_btn:hover{color: #0a8ddf}